<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>角色管理</title>
    <link href="/static/bootstrap/css/bootstrap.min.css"
          rel="stylesheet"/>
    <!-- Font Awesome -->
    <link href="/static/font-awesome/css/font-awesome.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-select.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-table.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet"/>

    <script src="/static/jquery-1.9.1.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-select.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-table.min.js"></script>
    <script
            src="/static/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script
            src="/static/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script
            src="/static/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="/static/common/ewin.js"></script>
    <script src="/static/common/cdate.js"></script>
    <script src="/static/js/user.js"></script>
</head>
<body>
<div class="container">
    <br>
    <div class="panel panel-default">
        <div class="panel-heading">查询条件</div>
        <div class="panel-body">
            <div id="formSearch" class="form-horizontal">
                <div class="form-group" style="margin-top:15px">
                    <label class="control-label col-sm-1" for="search_name">用户姓名</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="search_name" >
                    </div>
                    <div class="col-sm-4" style="text-align:left;">
                        <button type="button" style="margin-left:50px" id="btn_query"
                                class="btn btn-primary">查询</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="toolbar" class="btn-group">
        <button id="btn_add" type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-plus" aria-hidden="true"  ></span>新增用户
        </button>
    </div>
    <table id="table"></table>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;
                </button>
                <h4 class="modal-title" id="myModalLabel">标题</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="userForm">
                    <input type="hidden"  id="userId">
                    <div class="form-group">
                        <label for="userName" class="col-sm-4 control-label">用户名称：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="userName">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="userAccount" class="col-sm-4 control-label">账号：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="userAccount">
                        </div>
                    </div>
                    <div class="form-group" id="tips">
                        <label class="col-sm-12 control-label" style="color:red">*新增密码默认：123456</label>
                    </div>

<!--                    <div class="form-group">-->
<!--                        <label for="userBirth" class="col-sm-4 control-label">出生年月：</label>-->
<!--                        <div class="col-sm-8">-->
<!--                            <div class="input-append date form_datetime " id="datetimepicker">-->
<!--                                <input size="16" type="text" value=""   readonly id="userBirth">-->
<!--                                <span class="add-on"><i class="icon-th"></i></span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->

                </form>
            </div>
            <div class="modal-footer">
                <span id="errorMsg" class="pull-left" style="color:red"></span>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="m_btn">
                    提交
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="roleModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;
                </button>
                <h4 class="modal-title" id="roleModalLabel">关联角色</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="roleForm">
                    <input type="hidden"  id="userIdRole">
                    <div class="form-group">
                        <label for="userRole" class="col-sm-4 control-label">关联角色：</label>
                        <div class="col-sm-8">
                            <select id ="userRole" class="selectpicker" multiple title="请选择角色">
                            </select>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="role_btn">
                    提交
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="passModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;
                </button>
                <h4 class="modal-title" >修改密码</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" >
                    <input type="hidden"  id="userIdPass">
                    <div class="form-group">
                        <label for="userPass" class="col-sm-4 control-label">新密码：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="userPass">
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="change_btn">
                    提交
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>